.ui-state-default .icon-agenda{	
	 background-size: 18px 18px;
}
#wrapper {
    width: 0 auto;
    margin: 0 auto;
    background-image: url("http://localhost:8090/odontologia/resources/images/fondo1.jpg");"
}
	/* Celular de 480x320*/
@media only screen and (min-width: 320px) and (orientation : landscape){
	
	.ui-btnPanelGrid{
		margin-left:70px;
		margin-top: 20px;
	}
	/* label*/
	.ui-field-contain > label {
		margin-left: 15px;
		width: 20%;
	}
	.ui-field-contain>label  ~ [class*='ui-'] {
		width: 96%;
		margin-left: 15px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	
	.ui-btnPanelGrid{
		margin-left: 60px;
	}
	
	.ui-field-contain > label {
		margin-left: 15px;
		width: 20%;
	}
	
	.ui-field-contain>label  ~ [class*='ui-'] {
		width: 93%;
		margin-left: 15px;
	}
}
  /* ipad de 1024x768*/
@media only screen and (min-width: 768px) and (orientation : landscape){
	
	.ui-btnPanelGrid{
		margin-left: 40%;
		margin-top: 20px;
	}
	.ui-field-contain > label {
		margin-left: 25%;
		margin-top: 35px;
	}
	
	.ui-field-contain > label ~ [class*='ui-']{
	    width: 47%;
		margin-left: 25%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	.ui-btnPanelGrid{
	margin-left: 32%;
	margin-top: 20px;
	}
	
	.ui-field-contain > label ~ [class*='ui-']{
	    width: 50%;
		margin-left: 25%;
	}
	
}

